<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../重置样式表/reset.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="../../iconfont/iconfont.css">
</head>
<body>
<div class="header clearfix">
    <a href="javascript:;" class="logo">WeGame</a>
    <ul class="header-nav">
        <li>
            <a href="javascript:;">商店</a>
        </li>
        <li>
            <a href="javascript:;">客户端</a>
        </li>
        <li>
            <a href="javascript:;">移动端</a>
        </li>
        <li>
            <a href="javascript:;">翼计划</a>
        </li>
        <li>
            <a href="javascript:;">帮助反馈</a>
        </li>
    </ul>
    <ul class="header-nav-more">
        <li>
            <a href="javascript:;">开发者平台</a></li>
        <li>
            <a href="javascript:;" class="download">下载客户端</a></li>
        <li>
            <a href="javascript:;">登录</a></li>
    </ul>
</div>
<div class="search">
    <ul class="choice">
        <li>
            <a href="javascript:;">精选</a></li>
        <li>
            <a href="javascript:;">测试区</a></li>
        <li>
            <a href="javascript:;">所有内容</a>
            <i class="iconfont">&#xe66f;</i>
        </li>
    </ul>
    <ul class="hot-search">
        <li>
            <a href="javascriot:;">大型网游</a>
        </li>
        <li></li>
        <li>
            <a href="javascriot:;">单机</a>
        </li>
        <li></li>
        <li>
            <a href="javascriot:;">新区百日门</a>
        </li>
    </ul>
    <div class="search-btn">
        <input type="text" placeholder="部落与弯刀">
        <div class="i-wrapper">
            <i class="iconfont">&#xe63f;</i>
        </div>

    </div>
</div>
<div class="gameOnline">
    <strong>48小时动态</strong>
    <h1>轩辕剑柒-免费试玩版</h1>
    <div class="xuanyuanjian">
        <img src="../public/wegame1.jpg" alt="">
    </div>
    <div class="countdown">
        距开测仅剩 18:10:23
    </div>
    <div class="popularTags">
        <h4>热门标签</h4>
        <ul class="hot-title">
            <li><a href="javascript:;">篮球</a></li>
            <li><a href="javascript:;">大型网游</a></li>
            <li><a href="javascript:;">单机</a></li>
            <li><a href="javascript:;">免费</a></li>
            <li><a href="javascript:;">电子竞技</a></li>
            <li><a href="javascript:;">功能游戏</a></li>
            <li><a href="javascript:;">赛车竞技</a></li>
            <li><a href="javascript:;">动作冒险</a></li>
            <li><a href="javascript:;">FPS</a></li>
            <li><a href="javascript:;">角色扮演</a></li>
        </ul>
    </div>
</div>

<div class="main">
    <div class="photoExplanation">
        <div class="box1"><img src="../public/wegame2.jpeg" alt=""></div>
    </div>
    <ul class="menu">
        <li>
            <a href="javascript:;">部落与弯刀</a></li>
        <li>
            <a href="javascript:;" class="CFHD">
                <div class="activity1">活动</div>
                <span>CFHD</span>
                <span>预约解锁专属道具</span>
            </a></li>
        <li>
            <a href="javascript:;">S10赛事预测助威</a></li>
        <li>
            <a href="javascript:;">忍者村大战2</a></li>
        <li>
            <a href="javascript:;">逆战</a></li>
        <li>
            <a href="javascript:;">秋季特卖会</a></li>
        <li>
            <a href="javascript:;">梦三国2</a></li>
    </ul>
</div>
<div class="hotSpotPreview">
    <h4>热点预告</h4>
    <ul class="hot-list">
        <li>
                <p class="time">10月5日</p>
                <span class="name">使命召唤OL</span>
            <div class="separate">
                <div class="left"></div>
                <div class="circle"></div>
                <div class="right"></div>
            </div>
            <div class="we-img">
                <img src="../public/weimg1.jpg" alt="">
            </div>
            <div class="img-more clearfix">
                <div class="activity">活动</div>
                <p>使命召唤</p>
                <span>WeGame独家系列</span>
            </div>
        </li>
        <li>
            <p class="time">10月5日</p>
            <span class="name">使命召唤OL</span>
            <div class="separate">
                <div class="left"></div>
                <div class="circle"></div>
                <div class="right"></div>
            </div>
            <div class="we-img">
                <img src="../public/weimg1.jpg" alt="">
            </div>
            <div class="img-more clearfix">
                <div class="activity">活动</div>
                <p>使命召唤</p>
                <span>WeGame独家系列</span>
            </div>
        </li>
        <li>
            <p class="time">10月5日</p>
            <span class="name">使命召唤OL</span>
            <div class="separate">
                <div class="left"></div>
                <div class="circle"></div>
                <div class="right"></div>
            </div>
            <div class="we-img">
                <img src="../public/weimg1.jpg" alt="">
            </div>
            <div class="img-more clearfix">
                <div class="activity">活动</div>
                <p>使命召唤</p>
                <span>WeGame独家系列</span>
            </div>
        </li>
        <li>
            <p class="time">10月5日</p>
            <span class="name">使命召唤OL</span>
            <div class="separate">
                <div class="left"></div>
                <div class="circle"></div>
                <div class="right"></div>
            </div>
            <div class="we-img">
                <img src="../public/weimg1.jpg" alt="">
            </div>
            <div class="img-more clearfix">
                <div class="activity">活动</div>
                <p>使命召唤</p>
                <span>WeGame独家系列</span>
            </div>
        </li>
        <li>
            <p class="time">10月5日</p>
            <span class="name">使命召唤OL</span>
            <div class="separate">
                <div class="left"></div>
                <div class="circle"></div>
                <div class="right"></div>
            </div>
            <div class="we-img">
                <img src="../public/weimg1.jpg" alt="">
            </div>
            <div class="img-more clearfix">
                <div class="activity">活动</div>
                <p>使命召唤</p>
                <span>WeGame独家系列</span>
            </div>
        </li>
    </ul>
    <div class="left-btn iconfont">&#xe66e;</div>
    <div class="right-btn iconfont">&#xe670;</div>
</div>
</body>
</html>
